<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js输出语句 写的位置 语法</title>
    <script src="../demo.js"></script><!--可以引入外部文件-->
    <script type="text/javascript">
        //3条输出语句 js代码从上向下依次执行的
        alert("这是我写的第一个js代码");//1.控制浏览器弹出的警告框
        document.write("你看我出不出来？");//2.向body中输出一个内容
        console.log("你猜我从哪里出来？");//3.从控制台输出一个内容

    </script>
</head>
<body>
<button onclick="alert('你点我一下我才出来')">按钮</button><!--js代码可以写在onlick中-->
<a href="javascript:;"></a><!--点击之后没有任何效果 即取消默认跳转功能-->
<a href="javascript:alert('你猜猜');">你猜猜</a>
<script>
    /*JS输出语句  1.alert(); 从浏览器中弹出警告框
     *           2.document.write(); 向body里输出内容
     *           3.console.log(); 从控制台输出一个内容
     * JS写的位置  11.body的 不常用  不推荐使用  js代码可以写在 1.onlick中
     *                                                     2.a标签的href属性中
     *             22.script标签中 引入外部文件 也可以在在script标签中
     *                  引入外部文件好处：可以在不同的页面中使用，也可以利用浏览器的缓存机制
     *                  推荐方法
     *  JS语法   1.多行注释
      *        2.单行注释//
      *        3. 严格区分大小写，每一条以分号;结尾 不写分号也行  浏览器会自动添加，有时候会加错，但是会消耗系统资源，尽量写上
      *        4.会忽略空格和换行 所以我们可以利用空格和换行对代码进行格式化
     */

    /*
    * 多行注释
    */
</script>
<pre>
    完整的JavaScript 包含三部分
    1.ECMAScript 标准
    2.DOM 文档对象模型
    3.BOM 浏览器对象模型
    JS特点：
        -解释性语言
        -类型与C和JAVA的语法结构
        -动态语言
        -基于原型的面相对象
</pre>
</body>
</html>